$(function(){
    //点击按钮，发送ajax请求，获取数据，渲染到div
    $("#btn").click(function(){
        //发送请求
			$.ajax({
				dataType:"json",		//返回的数据类型
				type:	"get",			//设置请求方式
				url:	"../../api/menu.json",		//设置请求URL
				success:function(msg){		//设置响应成功之后执行的回调函数,响应数据会自动赋给参数 msg
					//通过js中的forEach函数遍历msg中的所有数据,每次遍历，均会把msg中的一个元赋给data,如
					//{id: 1, name: 'Leanne Graham', username: 'Bret', email: 'Sincere@april.biz', address: {…}, …}
					msg.forEach(function(data){ 
						var result = data.名称 ;
						
						//把解析后的数据渲染到div中
						$("#container").append(result);
					});
					
				},
				error:function(){		//设置响应失败之后执行的回调函数
					alert("失败喽");
				}		
			});
    });
});